import { defineView } from "@/routers/tools.mjs";

/**
 * @type {DefineView}
 */
const D3ExampleView = defineView({
  controller: class {},
  controllerAs: "$ctrl",
  template: /* HTML */ html`
    <div class="w-[680px] h-[420px] flex justify-center items-center">
      <!-- <d3-example class="block"></d3-example> -->
      <d3-ng class="border border-orange-400 border-solid"></d3-ng>
    </div>
    <div class="w-[680px] h-[420px] flex justify-center items-center">
      <d3-lit class="border border-orange-400 border-solid"></d3-lit>
    </div>
  `,
});

export default D3ExampleView;
